<div class="container" style="margin-top: 50px">
    <div id="div_mensagem"><?php echo ($this->msg != null) ? $this->msg[0] : "" ?></div>
    <form id="form_certificado" enctype="multipart/form-data" class="form-horizontal well" action="<?php echo $this->baseUrl('/admin/certificado/salvar'); ?>" method="post">
        <fieldset>
            <legend><?php echo $this->titulo; ?></legend>
            <input type="hidden" name="certificado[id_certificado]" id="certificado-id_certificado"/>
            <input type="hidden" name="certificado[tx_url_logotipo_cabecalho_esquerda]" id="certificado-tx_url_logotipo_cabecalho_esquerda"/>
            <input type="hidden" name="certificado[tx_url_logotipo_cabecalho_centro]" id="certificado-tx_url_logotipo_cabecalho_centro"/>
            <input type="hidden" name="certificado[tx_url_logotipo_cabecalho_direita]" id="certificado-tx_url_logotipo_cabecalho_direita"/>
            <input type="hidden" name="certificado[tx_url_logotipo_rodape_esquerda]" id="certificado-tx_url_logotipo_rodape_esquerda"/>
            <input type="hidden" name="certificado[tx_url_logotipo_rodape_direita]" id="certificado-tx_url_logotipo_rodape_direita"/>
            
            <fieldset>
                <legend>Dados do Modelo</legend>                
                <div class="control-group">
                    <label class="control-label" for="certificado-tx_nome_modelo">Nome do Modelo</label>
                    <div class="controls">
                        <input class="input-xlarge required" type="text" name="certificado[tx_nome_modelo]" id="certificado-tx_nome_modelo" maxlength="30"/>
                    </div>
                </div>                                                                                
            </fieldset>             
                                        
            <fieldset>
                <legend>Dados Cabeçalho</legend>                
                <div class="control-group">
                    <label class="control-label" for="certificado-tx_titulo">Título</label>
                    <div class="controls">
                        <input class="input-xlarge required" type="text" name="certificado[tx_titulo]" id="certificado-tx_titulo" maxlength="45"/>
                    </div>
                </div>
                
                <div class="control-group">
                    <label class="control-label" for="fileUploadLogoTopoEsquerda">Logo Canto Esquerdo</label>
                    <div class="controls">                        
                        <input class="input-xlarge" type="file" name="fileUploadLogoTopoEsquerda" id="fileUploadLogoTopoEsquerda"/>
                        <div id="preview_logo_topo_esquerda" type="button" style="width: 150px;text-align: center;padding-top:10px">
                            <?php 
                            if(!empty($this->topo_esquerdo)) {
                                echo $this->topo_esquerdo;
                            }
                            ?>
                        </div>
                    </div>                    
                </div>
                
                <div class="control-group">
                    <label class="control-label" for="fileUploadLogoTopoCentro">Logo Centro</label>
                    <div class="controls">                        
                        <input class="input-xlarge" type="file" name="fileUploadLogoTopoCentro" id="fileUploadLogoTopoCentro"/>
                        <div id="preview_logo_topo_centro" type="button" style="width: 150px;text-align: center;padding-top:10px">
                            <?php 
                            if(!empty($this->topo_centro)) {
                                echo $this->topo_centro;
                            }
                            ?>
                        </div>
                    </div>                    
                </div>
                
                <div class="control-group">
                    <label class="control-label" for="fileUploadLogoTopoDireita">Logo Canto Direito</label>
                    <div class="controls">                        
                        <input class="input-xlarge" type="file" name="fileUploadLogoTopoDireita" id="fileUploadLogoTopoDireita"/>
                        <div id="preview_logo_topo_direita" type="button" style="width: 150px;text-align: center;padding-top:10px">
                            <?php 
                            if(!empty($this->topo_direito)) {
                                echo $this->topo_direito;
                            }
                            ?>
                        </div>
                    </div>                    
                </div>
            </fieldset>
            
            <fieldset>
                <legend>Dados Corpo</legend> 
                <label style="text-align: center">Corpo do Certificado</label>
                <div class="control-group">
                    
                    <div class="control-label" for="certificado-tx_corpo">                    
                    <input type="button" style="font-size: 12px!important;line-height: 15px!important;padding: 5px 10px!important;" id="inserir_nome_aluno" class="btn" value="Nome do Aluno">                    
                    <br/><br/>
                    <input type="button" style="font-size: 12px!important;line-height: 15px!important;padding: 5px 10px!important" id="inserir_cpf_aluno" class="btn" value="CPF do Aluno">
                    <br/><br/>
                    <input type="button" style="font-size: 12px!important;line-height: 15px!important;padding: 5px 10px!important" id="inserir_nome_treinamento" class="btn" value="Nome do Treinamento">
                    <br/><br/>
                    <input type="button" style="font-size: 12px!important;line-height: 15px!important;padding: 5px 10px!important" id="inserir_nome_instrutor" class="btn" value="Nome do Instrutor">
                    <br/><br/>
                    <input type="button" style="font-size: 12px!important;line-height: 15px!important;padding: 5px 10px!important" id="inserir_funcao_instrutor" class="btn" value="Função do Instrutor">
                    <br/><br/>
                    <input type="button" style="font-size: 12px!important;line-height: 15px!important;padding: 5px 10px!important" id="inserir_dt_inicio_treinamento" class="btn" value="Dt. Inicio Treinamento">
                    <br/><br/>
                    <input type="button" style="font-size: 12px!important;line-height: 15px!important;padding: 5px 10px!important" id="inserir_dt_termino_treinamento" class="btn" value="Dt. Término Treinamento">
                    <br/><br/>
                    <input type="button" style="font-size: 12px!important;line-height: 15px!important;padding: 5px 10px!important" id="inserir_carga_horaria" class="btn" value="Carga Horária">
                    <br/><br/>
                    <input type="button" style="font-size: 12px!important;line-height: 15px!important;padding: 5px 10px!important" id="inserir_nome_responsavel" class="btn" value="Nome do Resp. Técnico">
                    <br/><br/>
                    <input type="button" style="font-size: 12px!important;line-height: 15px!important;padding: 5px 10px!important" id="inserir_funcao_responsavel" class="btn" value="Função do Resp. Técnico">
                    </div>
                    
                    <div class="controls">
                        <textarea class="input-xlarge required" style="width: 600px;height: 200px;" type="text" name="certificado[tx_corpo]" id="certificado-tx_corpo"></textarea>                        
                    </div>                    
                </div>                
            </fieldset>
            
            <fieldset>
                <legend>Dados Rodapé</legend>
                
                <div class="control-group">
                    <label class="control-label" for="certificado-tx_nome_assinatura1">Nome Assinatura 1</label>
                    <div class="controls">
                        <input class="input-xlarge" type="text" name="certificado[tx_nome_assinatura1]" id="certificado-tx_nome_assinatura1" maxlength="45"/>
                    </div>
                </div>
                
                <div class="control-group">
                    <label class="control-label" for="certificado-tx_tratamento_assinatura1">Tratamento Assinat. 1</label>
                    <div class="controls">
                        <input class="input-xlarge" type="text" name="certificado[tx_tratamento_assinatura1]" id="certificado-tx_tratamento_assinatura1" maxlength="45"/>
                    </div>
                </div>
                
                <div class="control-group">
                    <label class="control-label" for="certificado-tx_nome_assinatura2">Nome Assinatura 2</label>
                    <div class="controls">
                        <input class="input-xlarge" type="text" name="certificado[tx_nome_assinatura2]" id="certificado-tx_nome_assinatura2" maxlength="45"/>
                    </div>
                </div>
                
                <div class="control-group">
                    <label class="control-label" for="certificado-tx_tratamento_assinatura2">Tratamento Assinat. 2</label>
                    <div class="controls">
                        <input class="input-xlarge" type="text" name="certificado[tx_tratamento_assinatura2]" id="certificado-tx_tratamento_assinatura2" maxlength="45"/>
                    </div>
                </div>
                
                <div class="control-group">
                    <label class="control-label" for="certificado-tx_nome_assinatura3">Nome Assinatura 3</label>
                    <div class="controls">
                        <input class="input-xlarge" type="text" name="certificado[tx_nome_assinatura3]" id="certificado-tx_nome_assinatura3" maxlength="45"/>
                    </div>
                </div>
                
                <div class="control-group">
                    <label class="control-label" for="certificado-tx_tratamento_assinatura3">Tratamento Assinat. 3</label>
                    <div class="controls">
                        <input class="input-xlarge" type="text" name="certificado[tx_tratamento_assinatura3]" id="certificado-tx_tratamento_assinatura3" maxlength="45"/>
                    </div>
                </div>
                
                <div class="control-group">
                    <label class="control-label" for="fileUploadLogoRodapeEsquerdo">Logo Rodape Esquerdo</label>
                    <div class="controls">                        
                        <input class="input-xlarge" type="file" name="fileUploadLogoRodapeEsquerdo" id="fileUploadLogoRodapeEsquerdo"/>
                        <div id="preview_logo_rodape_esquerdo" type="button" style="width: 150px;text-align: center;padding-top:10px">                            
                            <?php 
                            if(!empty($this->rodape_esquerdo)) {
                                echo $this->rodape_esquerdo;
                            }
                            ?>
                        </div>
                    </div>                    
                </div>
                
                <div class="control-group">
                    <label class="control-label" for="fileUploadLogoRodapeDireito">Logo Rodape Direito</label>
                    <div class="controls">                        
                        <input class="input-xlarge" type="file" name="fileUploadLogoRodapeDireito" id="fileUploadLogoRodapeDireito"/>
                        <div id="preview_logo_rodape_direito" type="button" style="width: 150px;text-align: center;padding-top:10px">                            
                            <?php 
                            if(!empty($this->rodape_direito)) {
                                echo $this->rodape_direito;
                            }
                            ?>
                        </div>
                    </div>                    
                </div>
            </fieldset>
            
            <div class="form-actions">
                <input class="btn btn-primary" id="btEnviar" type="submit" value="Salvar"/>
                <input class="btn" id="btVoltar" onclick="window.back()" type="button" value="Voltar"/>
            </div>
        </fieldset>
    </form>
</div>

<?php    
    echo $this->render('partials/modal-pesquisa-cliente.phtml');
?>

<div id="mensagemCertificado">    
</div>

<script>    
    var dataForm = <?php echo Zend_Json::encode(array('certificado' => $this->certificado)); ?>;      
    
    function removerLogo(obj) {
        tipo_logo = $(obj).attr('tipo_logo');
        
        if(tipo_logo == 'topo_esquerdo') {
            $('#preview_logo_topo_esquerda').html('');
            $('#certificado-tx_url_logotipo_cabecalho_esquerda').val('');
        } else {
            if(tipo_logo == 'topo_centro') {
                $('#preview_logo_topo_centro').html('');
                $('#certificado-tx_url_logotipo_cabecalho_centro').val('');
            } else {
                if(tipo_logo == 'topo_direito') {
                    $('#preview_logo_topo_direita').html('');
                    $('#certificado-tx_url_logotipo_cabecalho_direita').val('');
                } else {
                    if(tipo_logo == 'rodape_esquerdo') {
                        $('#preview_logo_rodape_esquerdo').html('');
                        $('#certificado-tx_url_logotipo_rodape_esquerda').val('');
                    } else {
                        $('#preview_logo_rodape_direito').html('');
                        $('#certificado-tx_url_logotipo_rodape_direita').val('');
                    }
                }
            }
        }
    }
    
    function callBackPesquisarCliente(dataCliente) {        
        $('#aluno-id_cliente').val(dataCliente.id_cliente);
        if(dataCliente.tx_tipo_cliente == 'F') {
            $('#dados-cliente_tx_tipo').html('Pessoa Física');
            $('#dados-cliente_tx_nome_razao_social').html(dataCliente.tx_nome);
            $('#dados-cliente_tx_cpf_cnpj').html(dataCliente.tx_cpf);            
        } else {
            $('#dados-cliente_tx_tipo').html('Pessoa Jurídica');
            $('#dados-cliente_tx_nome_razao_social').html(dataCliente.tx_razao_social);
            $('#dados-cliente_tx_cpf_cnpj').html(dataCliente.tx_cnpj);
        }
    }
    
    $(function(){                 
        $('#form_certificado').populate(dataForm);
        
        $('#inserir_nome_aluno').click(function(){
            tinyMCE.execCommand('insertHTML',false, ' [%nome_aluno%]');            
        });
        
        $('#inserir_cpf_aluno').click(function(){
            tinyMCE.execCommand('insertHTML',false, ' [%cpf_aluno%]');            
        });
        
        $('#inserir_nome_treinamento').click(function(){
            tinyMCE.execCommand('insertHTML',false, ' [%nome_treinamento%]');            
        });
        
        $('#inserir_nome_instrutor').click(function(){
            tinyMCE.execCommand('insertHTML',false, ' [%nome_instrutor%]');            
        });
        
        $('#inserir_funcao_instrutor').click(function(){
            tinyMCE.execCommand('insertHTML',false, ' [%funcao_instrutor%]');            
        });
        
        $('#inserir_dt_inicio_treinamento').click(function(){
            tinyMCE.execCommand('insertHTML',false, ' [%dt_inicio_treinamento%]');            
        });
        
        $('#inserir_dt_termino_treinamento').click(function(){
            tinyMCE.execCommand('insertHTML',false, ' [%dt_termino_treinamento%]');            
        });
        
        $('#inserir_carga_horaria').click(function(){
            tinyMCE.execCommand('insertHTML',false, ' [%inserir_carga_horaria%]');            
        });
        
        $('#inserir_nome_responsavel').click(function(){
            tinyMCE.execCommand('insertHTML',false, ' [%nome_responsavel%]');            
        });
        
        $('#inserir_funcao_responsavel').click(function(){
            tinyMCE.execCommand('insertHTML',false, ' [%funcao_responsavel%]');            
        });
        
        $('#btLimparCliente').click(function() {
            $('.help-block').html('');
        });
        
        $('#btModalCliente').click(function() {
            openModalPesquisaCliente();
        });
        
        $('#mensagemCliente').dialog({
            autoOpen: false
        }); 
        
        $('#fileUploadLogoRodapeDireito').change(function(){
            url_original = $('#form_certificado').attr('action');
            ShowMsgAguarde();
            $('#form_certificado').ajaxSubmit({
                url: '<?php echo $this->baseUrl('/admin/certificado/upload-logo-rodape-direito'); ?>',
                success: function(data){                
                    $('#form_certificado').attr('action', url_original);
                    $('#form_certificado').removeAttr('target');                    
                    $('#mensagemCertificado').html(data.msg);                            
                    $('#mensagemCertificado').dialog({
                        modal: true,
                        title: "ATENÇÃO",
                        buttons: {
                            "Ok": function() {
                                $( this ).dialog( "close" );
                            }
                        }
                    });
                    $('#mensagemCertificado').dialog("open");
                    
                    if(data.tipo == 'sucesso') {
                        $('#certificado-tx_url_logotipo_rodape_direita').val(data.urlArquivo);
                        $('#preview_logo_rodape_direito').html(data.htmlImagem);
                    } else {
                        $('#fileUploadLogoRodapeDireito').val('');
                    }
                }
            });
            CloseMsgAguarde();
        });
        
        $('#fileUploadLogoRodapeEsquerdo').change(function(){
            url_original = $('#form_certificado').attr('action');
            ShowMsgAguarde();
            $('#form_certificado').ajaxSubmit({
                url: '<?php echo $this->baseUrl('/admin/certificado/upload-logo-rodape-esquerdo'); ?>',
                success: function(data){                
                    $('#form_certificado').attr('action', url_original);
                    $('#form_certificado').removeAttr('target');                    
                    $('#mensagemCertificado').html(data.msg);                            
                    $('#mensagemCertificado').dialog({
                        modal: true,
                        title: "ATENÇÃO",
                        buttons: {
                            "Ok": function() {
                                $( this ).dialog( "close" );
                            }
                        }
                    });
                    $('#mensagemCertificado').dialog("open");
                    
                    if(data.tipo == 'sucesso') {
                        $('#certificado-tx_url_logotipo_rodape_esquerda').val(data.urlArquivo);
                        $('#preview_logo_rodape_esquerdo').html(data.htmlImagem);
                    } else {
                        $('#fileUploadLogoRodapeEsquerdo').val('');
                    }
                }
            });
            CloseMsgAguarde();
        });
        
        $('#fileUploadLogoTopoEsquerda').change(function(){
            url_original = $('#form_certificado').attr('action');
            ShowMsgAguarde();
            $('#form_certificado').ajaxSubmit({
                url: '<?php echo $this->baseUrl('/admin/certificado/upload-logo-topo-esquerdo'); ?>',
                success: function(data){                
                    $('#form_certificado').attr('action', url_original);
                    $('#form_certificado').removeAttr('target');                    
                    $('#mensagemCertificado').html(data.msg);                            
                    $('#mensagemCertificado').dialog({
                        modal: true,
                        title: "ATENÇÃO",
                        buttons: {
                            "Ok": function() {
                                $( this ).dialog( "close" );
                            }
                        }
                    });
                    $('#mensagemCertificado').dialog("open");
                    
                    if(data.tipo == 'sucesso') {
                        $('#certificado-tx_url_logotipo_cabecalho_esquerda').val(data.urlArquivo);
                        $('#preview_logo_topo_esquerda').html(data.htmlImagem);
                    } else {
                        $('#fileUploadLogoTopoEsquerda').val('');
                    }
                }
            });
            CloseMsgAguarde();
        });
        
        $('#fileUploadLogoTopoCentro').change(function(){
            url_original = $('#form_certificado').attr('action');
            ShowMsgAguarde();
            $('#form_certificado').ajaxSubmit({
                url: '<?php echo $this->baseUrl('/admin/certificado/upload-logo-topo-centro'); ?>',
                success: function(data){                
                    $('#form_certificado').attr('action', url_original);
                    $('#form_certificado').removeAttr('target');                    
                    $('#mensagemCertificado').html(data.msg);                            
                    $('#mensagemCertificado').dialog({
                        modal: true,
                        title: "ATENÇÃO",
                        buttons: {
                            "Ok": function() {
                                $( this ).dialog( "close" );
                            }
                        }
                    });
                    $('#mensagemCertificado').dialog("open");
                    
                    if(data.tipo == 'sucesso') {
                        $('#certificado-tx_url_logotipo_cabecalho_centro').val(data.urlArquivo);
                        $('#preview_logo_topo_centro').html(data.htmlImagem);
                    } else {
                        $('#fileUploadLogoTopoCentro').val('');
                    }
                }
            });
            CloseMsgAguarde();
        });
        
        $('#fileUploadLogoTopoDireita').change(function(){
            url_original = $('#form_certificado').attr('action');
            ShowMsgAguarde();
            $('#form_certificado').ajaxSubmit({
                url: '<?php echo $this->baseUrl('/admin/certificado/upload-logo-topo-direita'); ?>',
                success: function(data){                
                    $('#form_certificado').attr('action', url_original);
                    $('#form_certificado').removeAttr('target');                    
                    $('#mensagemCertificado').html(data.msg);                            
                    $('#mensagemCertificado').dialog({
                        modal: true,
                        title: "ATENÇÃO",
                        buttons: {
                            "Ok": function() {
                                $( this ).dialog( "close" );
                            }
                        }
                    });
                    $('#mensagemCertificado').dialog("open");
                    
                    if(data.tipo == 'sucesso') {
                        $('#certificado-tx_url_logotipo_cabecalho_direita').val(data.urlArquivo);
                        $('#preview_logo_topo_direita').html(data.htmlImagem);
                    } else {
                        $('#fileUploadLogoTopoDireita').val('');
                    }
                }
            });
            CloseMsgAguarde();
        });
        
        $('#form_certificado').validate({
            submitHandler: function(form) {
            if(tinyMCE.activeEditor.getContent() == '') {
                    $('#mensagemCertificado').html("Preencha o corpo do certificado");                            
                    $("#mensagemCertificado").dialog({
                        modal: true,
                        buttons: {
                            Ok: function() {
                                $(this).dialog("close");                                        
                            }
                        }
                    });
                    $('#mensagemCertificado').dialog("open");
                } else {
                    tinyMCE.get("certificado-tx_corpo").save();
                    jQuery(form).ajaxSubmit({
                        dataType:  'json', 
                        success: function(r){
                            if(r.tipo == 'sucesso'){
                                $('#mensagemCertificado').html(r.msg);                            
                                $("#mensagemCertificado").dialog({
                                    modal: true,
                                    buttons: {
                                        Ok: function() {
                                            $(this).dialog("close");
                                            window.location = r.url;
                                        }
                                    }
                                });
                                $('#mensagemCertificado').dialog("open");
                                
                            } else {
                                $('#mensagemCertificado').html(r.msg);                            
                                $("#mensagemCertificado").dialog({
                                    modal: true,
                                    buttons: {
                                        Ok: function() {
                                            $(this).dialog("close");                                        
                                        }
                                    }
                                });
                                $('#mensagemCertificado').dialog("open");                            
                            }
                        } 
                    });
                }
            } 
        });
    });
        
</script>